<template>
    <div class="all">
        <div class="header">
            <homeHeader></homeHeader>
        </div>
        <div class="body"></div>

    </div>

  </template>
  
  <script>
import homeHeader from '@/components/homeHeader/homeHeader.vue'
  import store from '@/store/index'
  import {getAlarm, DeviceCount, GetRoom, UserInfo} from "@/api/dataReq"
  import {getUserInfo} from '@/utils/auth'
  export default {
    name: 'Home',
    components: {
        homeHeader
    },
    data() {
      return {
       
      }
    },
    created(){
        
        
    },
    methods:{

    }

  }
  </script>
  <style lang="scss" scoped>
.all{
    background-color: black;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    // align-items: center;
    // justify-content: center;
    // justify-content: space-between;

}
.header{
    width: 100%;
    // height: 100%;
    // box-sizing: border-box;
    // -moz-box-sizing:border-box;
    // border: 1px solid red;
}
.body{
    width: 100%;
    height: 90vh;
    min-height: 500px;
    min-width: 700px;
    border: 1px solid red;
    box-sizing:border-box;
    margin-top: auto;
    margin-bottom: auto;

    // -moz-box-sizing:border-box;
}

</style>